
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
img {
  vertical-align: middle;
  border-style: none; // remove the border on images inside links in IE 10-.
}
// .box {
//   font-family: "Tahoma, Verdana, 宋体";
//   font-size: 12px;
//   color: #000;
//   .cell{
//     white-space: pre !important;
//     height: 24px;
//     line-height: 24px;
//   }
// }
// .header {
//   line-height: 18px;
//   position: relative;
//   background: #f0f0f0 url(../../assets/img/toolbar.gif) repeat-x 0 0;
//   border-color: #99bce8;
//   padding-left: 5px;
//   .headerLeftButton {
//     float: left;
//     margin: 8px 0 8px 15px;
//     // margin: 8px 0;
//     padding-left: 15px;
//     color: #333;
//     position: relative;

//     i {
//       display: block;
//       height: 10px;
//       width: 1px;
//       background-color: red;
//       float: right;
//     }
//   }
//   .shu {
//     position: absolute;
//     width: 1px;
//     height: 17px;
//     background-color: #adb3b9;
//     left: -9px;
//     top: 3px;
//   }
//   .headerRightButton {
//     display: inline-block;
//     margin: 8px 6px;
//     color: #333;
//     .el-input--mini {
//       width: 100px;
//     }
//   }
//   .result {
//     padding: 2px 8px;
//     border: 1px solid transparent;
//   }
//   .result:hover {
//     background: #e2f2fe url("@/assets/img/hover.gif") repeat-x 0px 50%;
//     border: 1px solid #80a4d0;
//     cursor: pointer;
//   }
//   // 下拉框样式
//    .el-input--suffix {
//     width: 100px !important;
//   }
//   .showHide {
//     // margin-top: 36px;
//     margin-right: 240px;
//   }
// }

// .mid {
//   height: 100%;
//   .el-table__body td {
//     height: 24px;
//     padding: 0 !important;
//   }
//   .el-table {
//     // height: 94%;
//     height: 100%;
//     // height:  calc(~"100% - 40px");
//     overflow: auto;
//   }
//   .el-table .cell {
//     white-space: pre !important;
//     color: #000;
//     cursor: default;
//   }
//   .el-table-column--selection {
//     text-align: left !important;
//   }
//   .el-table th {
//     height: 26px;
//     // padding: 0 2px 0 4px;
//     padding: 0;
//     background: url(../../assets/img/header1.gif) repeat-x scroll left top
//       #e2e4e6;
//     border-color: #c5c5c5;
//     color: #000;
//     text-align: center;
//     font-weight: 400;
//   }
//   .el-table__body tr.current-row > td{
//     background-color: #ffe48d !important;
//   }
//   .el-table--enable-row-hover .el-table__body tr:hover > td {
//     background-color: transparent;
//   }
// }

// .footer {
//     position: absolute;
//     bottom: 0;
//     width: calc(100% - 2px);
//     overflow: hidden;
//     height: 35px;
//     background: #f0f0f0 url(../../assets/img/footer.gif) repeat-x 0 0;
//     border-color: #99bce8;
//     padding: 6px;
//     .headerLeftButton {
//       float: left;
//       margin: 0px 0 2px 15px;
//       padding-left: 15px;
//       color: #333;
//       position: relative;
  
//       i {
//         display: block;
//         height: 10px;
//         width: 1px;
//         background-color: red;
//         float: right;
//       }
//     }
//     .shu {
//       position: absolute;
//       width: 1px;
//       height: 17px;
//       background-color: #adb3b9;
//       left: -9px;
//       top: 3px;
//     }
//     //   悬停样式
//     .result {
//       padding: 2px 6px;
//       border: 1px solid transparent;
//     }
//     .result:hover {
//       background: #e2f2fe url("@/assets/img/hover.gif") repeat-x 0px 50%;
//       border: 1px solid #80a4d0;
//       cursor: pointer;
//     }
//     img {
//       margin-left: 10px;
//       height: 18px;
//       width: 18px;
//       margin-top: 2px;
//     }
//     .el-select{
//       .el-input__inner {
//         height: 22px;
//       }
//       .el-input--suffix {
//         width: 50px !important;
//         .el-input__suffix {
//           margin: 2px;
//         }
//       }
//     }
//     .input1 {
//       .el-input__inner {
//         height: 22px;
//         padding: 0;
//         text-align: center;
//       }
//     }
//   }
//   .el-table__body tr.current-row > td {
//     background-color: #ffe48d;
//   }
//   .el-table-column--selection .cell{
//     padding: 0 !important;
//   }
//   // 图标样式
// .tubiao {
//   display: inline-block;
//   width: 26px;
//   height: 22px;
//   margin-left: 5px;
//   border: 1px solid transparent;
//   .icon-tubiao-first {
//     display: block;
//     width: 100%;
//     height: 100%;
//     background: url("@/assets/img/first.gif") no-repeat scroll center;
//   }
//   .icon-tubiao-prev {
//     display: block;
//     width: 100%;
//     height: 100%;
//     background: url("@/assets/img/prev.gif") no-repeat scroll center;
//   }
//   .icon-tubiao-next {
//     display: block;
//     width: 100%;
//     height: 100%;
//     background: url("@/assets/img/next.gif") no-repeat scroll center;
//   }
//   .icon-tubiao-last {
//     display: block;
//     width: 100%;
//     height: 100%;
//     background: url("@/assets/img/last.gif") no-repeat scroll center;
//   }
//   .icon-tubiao-reload {
//     display: block;
//     width: 100%;
//     height: 100%;
//     background: url("@/assets/img/reload.png") no-repeat scroll center;
//   }
// }
// .tubiao:hover {
//   background: #e2f2fe url("@/assets/img/hover.gif") repeat-x 0px 50%;
//   border: 1px solid #80a4d0;
//   cursor: pointer;
// }
// .shuxian {
//   width: 1px;
//   height: 18px;
//   background-color: #adb3b9;
//   margin-left: 10px;
//   margin-top: 2px;
// }
// //下拉框样式
// .el-input--suffix {
//   width: 100% !important;
//   border-color: #ccc;
//   .el-input__inner {
//     padding: 3px;
//   }
//   .el-input__suffix {
//     right: 0;
//     width: 18px;
//     height: 18px;
//     margin: 3px;
//     // top:4px;
//     transform: rotateZ(180deg);
//     background: url(../../assets/img/btn.gif) repeat-x 0px 50%;
//     border: #E0E3E9 1px solid;
//     .el-select .el-input .el-select__caret {
//       transform: rotateZ(180deg);
//     }
//   }
// }
// .el-select__caret {
//   margin: -1px;
//   /*很关键：将默认的select选择框样式清除*/
//   appearance: none !important;
//   -moz-appearance: none !important;
//   -webkit-appearance: none !important;
//   /*为下拉小箭头留出一点位置，避免被文字覆盖*/
//   padding-right: 14px !important;
//   /*自定义图片*/
//   background: url("@/assets/img/arrow.gif") no-repeat scroll right center
//     transparent !important;
//   /*自定义图片的大小*/
//   background-size: 16px 12px !important;
//   transform: rotateZ(180deg) !important;
// }
// .icon .el-input__suffix-inner {
//   // /*很关键：将默认的select选择框样式清除*/
//   // appearance: none;
//   // -moz-appearance: none;
//   // -webkit-appearance: none;
//   // /*为下拉小箭头留出一点位置，避免被文字覆盖*/
//   margin-right: -4px;
//   /*自定义图片*/
//   background: url("@/assets/img/arrow.gif") no-repeat scroll right center
//     transparent;
//   /*自定义图片的大小*/
//   background-size: 16px 12px;
//   transform: rotateZ(180deg);
// }
// /*将小箭头的样式去去掉*/
// .el-icon-arrow-up:before {
//   content: "" !important;
// }
// .el-icon-arrow-down:before {
//   content: "" !important;
// }
// .el-select .el-input .el-select__caret.is-reverse {
//   transform: rotateZ(180deg) !important;
// }
// // 竖线
// .upDownIcon {
//   // display: inline-block;
//   margin-left: 5px;
//   width: 9px;
//   height: 10px;
//   overflow: hidden;
//   display: inline-block;
//   margin-left: 2px;
//   margin-right: 2px;
//   background: url(../../assets/img/icons.png) no-repeat -19px -18px;
// }


// aside {
//   line-height: 22px;
// }
// .el-date-editor{
//   position: relative;
//   .el-range-separator{
//     width: 20px;
//   }
//   .el-input__prefix{
//       left: unset;
//       position: absolute;
//       right: -6px !important;
//       top: 4px;
//       // right: -7px !important;
//       // top: 3px;
//       background: url(../../assets/img/date.gif) no-repeat 1px 2px;
//       z-index: 100;
//       .el-icon-time:before{
//           content: "";
//       }
//   }
// }
// .el-range-editor--mini.el-input__inner{
//   width: 300px;
//   border-radius: 0 !important;
//   height: 24px;
//   border: 1px solid #E0E3E9;
// }
// .el-input--mini {
//   display: inline-block;
//   width: 37px;
//   .el-input__inner{
//     height: 24px;
//     border: 1px solid #E0E3E9;
//     line-height: 24px;
//     border-radius: 0;
//     color: #000;
//     padding: 0 2px;
//   }
//   .el-textarea__inner{
//     border: 1px solid #E0E3E9 !important;
//     border-radius: 0;
//   }
// }
// .el-table::before {
//   height: 0;
// }
// .el-table th.gutter {
//   display: none;
// }
.el-dialog__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-dialog{
  margin: 0 !important;
  // position: fixed;
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
  display: flex;
  flex-direction: column;
  
  // top: 50%;
  // left: 50%;
  // transform: translate(-50%, -50%);
  .el-dialog__header {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    background-color: #639DE3;
    .el-dialog__title {
      color: #fff;
    }
    .el-dialog__headerbtn{
      top: 15px;
      .el-dialog__close{
        color: #fff;
      }
    }
  }
  .el-dialog__body{
    padding: 5px 20px;
    overflow: auto;
  }
  .el-dialog__footer {
    text-align: center;
    padding: 10px;
  }
  .delIcon {
    position: absolute;
    top: 14px;
    right: 20px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    z-index: 99999;
  }
}
.is-fullscreen{
  height: 100% !important;
}
.midContant {
  border: 1px solid #639DE3;
  // height: 100px;
  .Span {
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 25%;
    height: 35px;
    padding: 0 4px;
    background: none repeat scroll 0 0 #e7f3fe;
    color: #000;
    .el-radio__label {
      padding-left: 2px;
    }
  }
  .borderR {
    border-right: 1px solid #639DE3;
  }
  .borderB {
    border-bottom: 1px solid #639DE3;
  }

  .contant {
    background: transparent;
    .el-input__inner {
      border: 1px solid #E0E3E9;
    }
  }
  .el-select .el-input__inner, .el-input .el-input__inner{
    border-color: #E0E3E9;
  }

  .top {
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    color: #000;
    border: 1px solid #639DE3;
    margin-top: 15px;
    width: 100%;
    td {
      padding: 5px;
      white-space: nowrap;
      .el-input__inner{
        // width: 100px;
      }
      .el-select--mini {
        // width: 100px;
      }
    }
    .text {
      background-color: #fff;
      position: absolute;
      left: 22px;
      top: -12px;
    }
  }
}
.dialogBoxTitle{
  color: #639DE3;
  margin-bottom: 5px;
  font-size: 16px;
}
.dialogBox{
  border: 1px solid #639DE3;
  background-color: #FAF7F7;
  margin: 10px 0;
  padding: 0 15px;
  .dialogBoxItem{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    .dialogBoxItemRow{
      width: 30%;
      display: flex;
      flex-direction: column;
      gap: 5px;
      .title{
        font-size: 14px;
        display: flex;
        align-items: center;
        .RequiredRowTip{
          color: red;
          font-size: 16px;
          height: 8px;
          margin-right: 3px;
        }
      }
      .contant{
        display: flex;
        align-items: center;
        .el-select, .el-input{
          height: 34px !important;
          .el-input__inner{
            border-radius: 7px !important;
            border-color: #E0E3E9;
          }
        }
        .el-input-number{
          height: 34px !important;
          .el-input-number__increase{
            height: 16px !important;
            border-top-right-radius: 5px;
            .el-icon-arrow-up{
              top: 1px;
            }
          }
          .el-input-number__decrease{
            height: 16px !important;
            border-bottom-right-radius: 5px;
            .el-icon-arrow-down{
              top: 1px;
            }
          }
        }
        .el-switch {
          line-height: 34px;
          height: 34px;
        }
      }
    }
  }
}

.el-select,.el-input {
  width: 100% !important;
  height: 26px !important;
  line-height: 1;
  
  .el-input__inner{
      height: 100% !important;
      padding: 0 5px;
      border-color: #EBEEF3 ;
      border-radius:0 !important;
  }
  .el-input__icon{
    line-height: 1;
  }
}
.is-disabled .el-input__inner{
  border-color: #aeaeae;
}

.el-tag--small {
  height: 20px;
  line-height: 18px;
}

.el-input-number{
  width: 100%;
  height: 26px;
  line-height: 1;
  .el-input-number__increase,.el-input-number__decrease{
    visibility: hidden;
    width: 30px !important;
    height: 12px !important;
    .el-icon-arrow-up{
      position: absolute;
      top: -2px;
      left: 9px;
    }
    .el-icon-arrow-down{
      position: absolute;
      top: 0px;
      left: 9px;
    }
  }
  .el-input__inner{
    padding-left: 5px !important;
    text-align: left;
  }
}
.el-input-number:hover{
  .el-input-number__increase,.el-input-number__decrease{
    visibility: inherit;
  }
}
.is-disabled .el-input-number__increase, .is-disabled .el-input-number__decrease{
  display: none;
}

.el-date-editor{
  .el-input__prefix{
    left: 4px;
    top: 2px;
  }
  .el-input__inner {
    padding-left: 30px !important;
  }
  .el-input__suffix{
    right: 4px;
    top: 2px;
  }
} 
.el-date-editor--daterange{
  width: auto !important;
  height: 26px !important;
  line-height: 26px !important;
  // border-color: #EBEEF3 !important;
  border-radius:2px !important;
  padding: 0px 5px !important;
  .el-range-input{
      width: 65px
  }
  .el-range-separator{
      width: auto;
      line-height: 24px;
  }
  .el-range__icon{
      line-height: 22px;
  }
}
.Required .el-input__inner {
  background-color: #ffffe6;
}
.Required.ant-input-number {
  background-color: #ffffe6;
}
.Required.el-input__inner {
  background-color: #ffffe6;
  .el-range-input{
    background-color: #ffffe6;
    width: 75px;
    .el-date-editor .el-range__close-icon {
      line-height: 25px;
      width: 15px;
    }
  }
}
.Required.el-date-editor--daterange{
  width: 100% !important;
}
.btnCLass{
  cursor: pointer;
  color: blue;
}
.imgClass{
  cursor: pointer;
  height: 50px;
}
.row--checked, .row--current {
  background-color: #ffe48d !important;
}
//解决有机菜单在dialog页面由于z-index低不显示问题
.vxe-table--context-menu-wrapper{
  z-index: 9999 !important;
}

.el-message-box__content{
  .el-select,.el-input {
    // width: unset !important;
    // height: unset !important;
    line-height: 1;
    
    .el-input__inner{
        height: unset !important;
        border-color: #EBEEF3 ;
        border-radius:4px !important;
    }
    .el-input__icon{
      line-height: 1;
    }
  }
}

// .diyFooter{
//   height: 40px;
//   display: -webkit-box;
//   display: -ms-flexbox;
//   display: flex;
//   -webkit-box-align: center;
//   -ms-flex-align: center;
//   align-items: center;
//   background: #EBEEF3;
//   padding: 5px 10px;
//   margin-top: 15px;
// }
// }

// .el-dialog .el-dialog__footer {
//   border: 0;
//   text-align: center;
//   .el-button--small,
//   .el-button--small.is-round {
//     padding: 0;
//     width: 60px;
//     height: 23px;
//     background: url(../../assets/img/button.gif) repeat-x 0px 50%;
//     border-color: #b5afaf;
//     color: #333;
//     border-radius: 2px;
//   }
// }


// .el-aside .footer{
//   width: 100%;
// }






// //计数器
// .ant-input-number-sm{
//   height: 24px !important;
//   margin-top: 1px !important;
//   width: 100px !important;
//   font-size: 12px !important;
//     color: #000 !important;
// }
// .ant-input-number{
//   border-radius: 0 !important;
// }
// td .ant-input-number{
//   border: 1px solid #E0E3E9;
// }
// .ant-input-sm{
//   height: 21px !important;
//   margin-top: 1px !important;
//   width: 100px !important;
//   font-size: 12px !important;
//     color: #000 !important;
// }
// .ant-input{
//   border-radius: 0 !important;
//   border: 1px solid #E0E3E9;
// }
// .elTable{
//   .el-input--mini {
//     width: 100% !important;
//   }
//   .el-select--mini {
//     width: 100% !important;
//   }
//   .ant-input-number-sm{
//     height: 21px !important;
//     margin-top: 1px !important;
//     width: 100% !important;
//   }
//   .ant-input-sm{
//     height: 21px !important;
//     margin-top: 1px !important;
//     width: 100% !important;
//   }
//   .el-input__inner{
//     height: 21px;
//     line-height: 21px;
//   }
//   //下拉框样式
//   .el-input--suffix {
//     .el-input__suffix {
//       width: 17px;
//       height: 17px;
//       margin: 4px 2px;
//     }
//   }
  
// }
// .ant-input-number-sm input{
//   height: 14px !important;
// }
// .ant-input-sm input{
//   height: 14px !important;
// }
// .longInput {
//   .el-input--mini {
//     width: 180px !important;
//   }
// }

// .el-input.is-disabled .el-input__inner{
//   border: 1px solid #E0E3E9;
// }
// .el-radio__input.is-disabled .el-radio__inner .el-radio__inner{
//   border-color: #409EFF;
// }
// .el-radio__input.is-disabled.is-checked .el-radio__inner{
//   border-color: #409EFF;
//   background: #409EFF;
// }
// .el-radio__input.is-disabled+span.el-radio__label {
//   color: unset;
//   cursor: not-allowed;
// }
.el-input.is-disabled .el-input__inner{
  color: #7D8592;
}



// select多选后disable
.disabled_select{
  .el-input__inner{
    background-color: #F5F7FA;
  }
  .el-tag__close{
    display: none;
  }
}
.disabled_option{
  position: relative;
  .modals{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #F5F7FA;
    z-index: 9999999;
  }
}
.vxe-table--tooltip-wrapper{
  z-index: 3008 !important;
}
.el-avatar>img {
  width: 100%;
}